window.onload = function() {
    var url = '/admin/index';
    var config = {
        elem: '#user',
        url: url,
        cols: [
            [
                { field: 'id', width: 50, title: 'id', sort: true }, { field: 'username', width: 80, title: '登录名' }, { field: 'email', width: 150, title: '邮箱', }, { field: 'role', minWidth: 150, title: '角色名称' }, { field: 'last_ip', width: 100, title: '最后登录ip' }, { field: 'last_time', title: '最后登录时间', width: 150 }, { field: 'created_time', title: '创建时间', width: 150 }, { field: 'updated_time', title: '修改时间', width: 150 }, { fixed: 'right', width: 150, title: '操作', align: 'center', toolbar: '#barDemo' } //这里的toolbar值是模板元素的选择器

            ]
        ],
        page: true
    };
    layui.use(['form', 'layer', 'jquery', 'table'], function() {
        var table = layui.table,
            form = layui.form,
            layer = layui.layer;
        $ = layui.jquery;
        var operation = {
            "delAdmin": function(data) {
                Utils.layer.closeAll();
                Utils.layer.load(1, { 'shade': 0.5 });
                $.ajax({
                    url: '/admin/del-admin',
                    data: data,
                    method: 'post',
                    dataType: 'json',
                    success: function(data) {
                        Utils.layer.closeAll();
                        Utils.layer.msg(data.msg);
                        table.render(config);
                    }
                });
                return true;
            }
        };

        table.render(config);
        //监听工具条
        table.on('tool(barDemo)', function(obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的DOM对象
            switch (layEvent) {
                case 'updateAdmin':
                    location.href = '/admin/update-admin?id=' + data.id;
                    break;
                case 'delAdmin':
                    Utils.layer.confirm('您确认要删除?', function() {
                        Utils.layer.closeAll();
                        operation.delAdmin({
                            id: data.id
                        });
                    });
                    return false;
            }
        });
    });
};